<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>music</title>
    <link rel="stylesheet" href="stylemusic.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3382518_q4zxg1t92il.css">
</head>
<body>
    <div class="wrapper">
        <div class="top-bar">
            <i class="icon iconfont icon-xiala"></i>
            <span>音乐</span>
            <i class="icon iconfont icon-gengduo"></i>
        </div>
        <div class="img-area">
            <img src="" alt="">
        </div>
        <div class="song-details">
            <p class="name">田馥甄</p>
            <p class="artist">小幸运</p>
        </div>
        <div class="progress-area">
            <div class="progress-bar">
             
            </div>
            <div class="timer">
                <span class="current">0:20</span>
                <span class="duration">4:20</span>
            </div>
            <audio id="main-audio" src=""></audio>
        </div>
       <div class="controls">
           <i id="repeat-plist" class="icon iconfont icon-24gl-repeat2"></i>
           <i id="prev" class="icon iconfont icon-shangyiqu"></i>
           <div class="paly-pause">
               <i class="icon iconfont icon-yinleguan"></i>
           </div>
           <i id="next" class="icon iconfont icon-xiayiqu"></i>
           <i id="more-music" class="icon iconfont icon-bofangduilie"></i>
       </div>

       <div class="music-list">
           <div class="header">
               <div class="row">
                   <i class="icon iconfont icon-bofangduilie"></i>
                   <span>Music list</span>
               </div>
               <i id="close" class="icon iconfont icon-cuowu"></i>
           </div>
           <ul>
           
          
        </ul>
       </div>
     
    </div>
    <!-- <script src="music.js"></script> -->
    
</body>
<script src="scriptmusic.js"></script>
</html>